<template>
  <a-form :wrapper-col="{ span: 14 }">
    <a-form-item label="文件名">
      <a-input v-model:value="fileName" disabled />
    </a-form-item>

    <a-form-item label="工作表(索引)">
      <!-- <a-select v-model:value="args.sheetName" placeholder="快选吧">
        <a-select-option value="shanghai"> Zone one </a-select-option>
        <a-select-option value="beijing"> Zone two </a-select-option>
      </a-select> -->
      <a-input-number id="inputNumber" v-model:value="args.sheet_name" :min="0">
      </a-input-number>
    </a-form-item>

    <a-form-item label="header">
      <a-input-number id="inputNumber" v-model:value="args.header" :min="0">
      </a-input-number>
    </a-form-item>
  </a-form>
</template>

<script lang='ts'>
import { defineComponent, ref } from "vue";

import DataLoadStore from "@/store/DataLoadStore";

export default defineComponent({
  name: "ExcelArgsForms",
  props: { fileName: String },

  setup() {
    let args = DataLoadStore.getStateToRefs().Args;
    return { args };
  },
});
</script>

